<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="description" content="慧报考高考志愿测评系统是由长期从事高考志愿指导、教育统计与测量工作的资深专家和教育行业资深软件工程师共同研发，同时提供电脑版、手机版和微信版，主要功能有计划查询、院校查询、专业查询、位次查询、专业测评、智能选校、志愿测评等，系统以大数据为基础为考生提供必要的指导和参考，极大方便考生志愿填报"/>
    <meta name="keywords" content="慧报考,志愿填报,高考志愿测评系统,湖北高考,高考分数,计划查询,院校查询,专业查询,位次查询,专业测评,智能选校,志愿测评,录取查询"/>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>慧报考</title>
    <link rel="stylesheet" href="/css/moblie.css">
    <link rel="stylesheet" href="/css/md.css">
</head>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=5vpF09i8jdA06i3kBv5TVe9fbxBkfKKq"></script>
<script src="/js/jquery.js"></script>
<body>
    <#include "header.ftl"/>
<div class="bkd-menu flex">
    <a onclick="switchTab('tab1Con',this)" class="f1 active">关于我们</a>
    <a onclick="switchTab('tab2Con',this)" class="f1 ">联系我们</a>
</div>
<div class="bkd-container">
    <div  class="tabCon tab1Con">
    <#if about_content??>
        <div class="zs-m-rt-content page oft">${about_content}</div>
    </#if>
    </div>
    <div  class="tabCon tab2Con" style="display: none">
        <div class="map" id='allmap' style="width: 100%; height: calc(100vh / 3.4)">地图</div>
        <#if concat_content??>
            <div style="margin-top: 16px" class="content page oft">${concat_content}</div>
        </#if>
    </div>
    </div>
<#--    <#include "footer.ftl"/>-->
</body>
</html>
<script>
    var isDraw = false
    function switchTab(tabPage,el) {
        $('.tabCon').hide()
        $('.'+ tabPage).show()
        $(el).addClass('active').siblings().removeClass('active')
        isDraw =true
        drawMap()
    }
    $(function () {
        $('.nav-c-3').trigger('click')
            var map = new BMap.Map("allmap");
            var point = new BMap.Point(114.345142, 30.511539);
            map.centerAndZoom(point, 16);
            var marker = new BMap.Marker(point);
            map.addOverlay(marker);
            var label = new BMap.Label("德众教育", { offset: new BMap.Size(20, -10) });
            marker.setLabel(label);
            marker.setAnimation(BMAP_ANIMATION_BOUNCE);
            map.enableScrollWheelZoom();
            setTimeout(function () {
                $('.BMap_Marker img').width(14).height(14)
            },50)
    })
    function  drawMap() {
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(114.345142, 30.511539);
        map.centerAndZoom(point, 16);
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
        var label = new BMap.Label("德众教育", { offset: new BMap.Size(20, -10) });
        marker.setLabel(label);
        marker.setAnimation(BMAP_ANIMATION_BOUNCE);
        map.enableScrollWheelZoom();
        setTimeout(function () {
            $('.BMap_Marker img').width(14).height(14)
        },50)
    }
</script>

